
<% layout('../layouts/layout') %>
<% include ../../layouts/layout.header.ejs %>
<%- partial('../includes/breadCrumbs.ejs', {
breadCrumbs:[
{
'name':'首页', // 名称
'url':'/'        // url
},
{
'name':'司法协助信息', // 名称
'url':'javascript://'        // url
}
]
}) %>

<style>
    [v-cloak] {
        display: none;
    }
    .hideBox.show{
        display: inline-block !important;
    }
</style>
<div class="container">
    <div class="row">
        <div class="clearfix">
            <div class="col-xs-12 kygs-main">
                <!--标题-->
                <div class="mian-top col-xs-12">
                    <div class="mian-top-tit col-xs-2">
                        <h4>司法协助信息</h4>
                    </div>
                    <div class="mian-top-search col-xs-offset-2 col-xs-8">
                        <div class="col-xs-3">
                            <input  type="hidden" name="publishDateBegin" class="form-control" placeholder="请选择开始日期" onfocus="WdatePicker({isShowWeek:true})">
                        </div>
                        <div class="col-xs-3">
                            <input  type="hidden" name="publishDateEnd" class="form-control" placeholder="请选择结束日期" onfocus="WdatePicker({isShowWeek:true})">
                        </div>
                        <div class="col-xs-4">
                            <input type="text" class="form-control" id="searText" placeholder="请输入要查找的企业名称">
                        </div>
                        <div class="col-xs-2">
                            <a href="javascript://" id="searBtn" class="btn btn-filter" style="height: 38px;color: #fff;background-color: #21b573;cursor: pointer;">搜索</a>
                        </div>
                    </div>
                </div>

                <!--信息数量-->
                <div id="judicial_vm">
                    <!--<div class="hideBox text-center" v-bind:class="{active:toggle == 1}">正在加载数据</div>-->
                    <!--<div class="hideBox text-center" v-bind:class="{active:toggle == 3}">暂无数据</div>-->
                    <div >
                        <div class="col-xs-12 main-mes">
                            <p class="ml20"> 共收录 <span class="mes-count"  v-cloak>{{ monthData }}条</span> 司法协助信息</p>
                        </div>
                        <!--信息数量-->

                        <!--列表-->
                        <div class="col-xs-12">
                            <div class="  ml20 mr20 ">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr class="table-th">
                                        <th>商事主体名称</th>
                                        <th>执行裁定文书号</th>
                                        <th>执行法院</th>
                                        <th width="10%">冻结金额</th>
                                        <th width="25%">冻结期限</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="text-center" v-if="toggle == 1">
                                        <td colspan=5>正在加载</td>
                                    </tr>
                                    <tr class="text-center" v-if="toggle == 3">
                                        <td colspan=5>暂无数据</td>
                                    </tr>
                                    <tr align="center" v-for=" info in infoList" v-if="toggle == 2">
                                        <td v-cloak><a :href='"/sfxx/details?regNum="+info.regNum + "&credNum=" + info.credNum + "&custName=" + info.custName + "&custId=" + info.custId'>{{ info.custName }}</a></td>
                                        <td v-cloak>{{ info.execDocnum }}</td>
                                        <td v-cloak>{{ info.court }}</td>
                                        <td v-cloak>{{ info.stockVal }}</td>
                                        <td v-cloak>{{ info.freezBegin }} 至 {{ info.freezEnd }}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>


                <!--分页-->
                <div class="page-center col-xs-12 text-center">
                    <div id="pagination_page"></div>
                </div>

                <!--分页-->
            </div>


        </div>
    </div>
</div>
<% include ../../layouts/layout.footer.ejs %>
<link rel="stylesheet" href="css/kygs.css">
<script src="/libs/My97DatePicker/WdatePicker.js"></script>
<script src="js/sfxx/index.js"></script>
